<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <title>門店賬號列表</title>
</head>
<body>
<div class="record-main">
    <div class="main-title">
        門店賬號列表
    </div>
    <div class="record-content">
      <form action="" method="post">
       <div class="shop-list-reach">
           <a href="add-user.html" style="margin-bottom:10px;display: block;color: #00a189;text-decoration: none;">新增</a>
           <div class="shop-list-phone">
               <span style="float: left;margin-right: 10px;margin-top: 7px;color: #6c6666;">手機號</span>
               <div class="form-group" style="margin-right: 10px;width: 180px;">
                   <input type="text" class="form-control"/>
               </div>
           </div>
           <div class="shop-list-tc">
               <span style="float: left;margin-right: 10px;margin-top: 7px;color: #6c6666;">選擇套餐</span>
               <div class="form-group" style="margin-right: 10px;width: 180px;">
                   <select name="" id="" class="form-control select-tc">
                       <option value=""></option>
                       <option value="">11</option>
                       <option value="">22</option>
                       <option value="">33</option>
                       <option value="">44</option>
                   </select>
               </div>
           </div>
           <div class="shop-list-button">
               <button type="button" class="btn btn-default arrive-reach" style="background: #00a189;color: white;border: 1px solid #00a189;">查询</button>
               <button type="button" class="btn btn-default xf-dc" style="color: #6c6666;">導出</button>
           </div>
       </div>
       <div class="record-list">
          <table class="result-content shop-list">
              <tr>
                  <th>手機號</th>
                  <th style="width: 200px;">商戶號</th>
                  <th>門店</th>
                  <th >暱稱</th>
                  <th>創建時間</th>
                  <th>更新時間</th>
                  <th>操作</th>
              </tr>
              <tr>
                  <td>18023013627</td>
                  <td>123456</td>
                  <td>金沙酒店</td>
                  <td>張三</td>
                  <td>2016-07-22</td>
                  <td>2016-07-22</td>
                  <td>
                      <a href="" style="color: #00a189;text-decoration: none">修改</a>
                      <a href="" style="color: #00a189;text-decoration: none">刪除</a>
                  </td>
              </tr>
          </table>
       </div>
        <div class="page-list">
            <div class="page text-center">
              <span>
                 21条 2/3頁
              </span>
                <button class="btn btn-default" style="margin: 10px 0;">首頁</button>
                <button class="btn btn-default">上一頁</button>
                <button class="btn btn-default">下一頁</button>
                <button class="btn btn-default">末頁</button>
            </div>
        </div>
      </form>
    </div>
</div>
</body>
</html>